<template>
    <div class="topic">
      <div>专题精选</div>
      <div>
        <ul>
          <li v-for="(item,index) in topicList">
            {{item.id}}
            {{item.title}}
            {{item.subtitle}}
            {{item.price}}
            {{item.readCount}}
            {{item.picUrl}}
          </li>
        </ul>
      </div>
    </div>
</template>

<script>
    export default {
        name: "Topic",
      /*data() {
          return {
            topicList:this.$store.state.topicList
          }
      },*/
      computed: {
        topicList() {
          return this.$store.state.topicList
        }
      }
    }
</script>

<style scoped>

</style>
